//# @mixin

@mixin wh($width: 100%, $height: 100%) {
  width: $width;
  height: $height;
}

@mixin flex($justify-content: flex-start, $align-items: center) {
  display: flex;
  justify-content: $justify-content;
  align-items: $align-items;
}

@mixin font($font-size, $font-weight: 'normal', $color: #2a325d) {
  font-size: $font-size;
  font-weight: if($font-weight == 'normal', 400, if($font-weight == 'bold', 700, $font-weight));
  color: $color;
}

@mixin textEllipsis() {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  @content;
}

@mixin bgImg($url, $size: 100% 100%) {
  background: url($url);
  background-repeat: no-repeat;
  background-size: $size;
}

@mixin after2block($content: '') {
  display: block;
  content: $content;
}

@mixin before2block($content: '') {
  @include after2block($content);
}

@mixin after($content: '') {
  &::after {
    @include after2block($content);
    @content;
  }
}

@mixin before($content: '') {
  &::before {
    @include before2block($content);
    @content;
  }
}
